.icon {
  transition: opacity 0.2s ease;
  line-height: 1;

  &:hover {
    opacity: 0.5;
  }
}

.small,
.regular,
.large {
  & > svg {
    width: 100%;
    height: 100%;
  }
}

.small {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.regular {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}

.large {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
